<template>
	<view>
		<cu-custom :isBack="true">
			<block slot="content">{{title}}</block>
		</cu-custom>
		<view class="box">
			<view class="grid margin-bottom text-center col-1" >
				<view class="padding logo-box" style="margin-top: 20px;"></view>
			</view>
			
			<view style="width: 90%;margin:0 auto;" :style="{ paddingTop: iStatusBarHeight + 'px'}">
				<view class="cu-list menu-avatar" style="border-bottom:unset !important">
					<view class="cu-item radius">
						<view class="cu-avatar round lg" :style="[{ backgroundImage:'url(' + avatar + ')' }]"></view>
						<view class="content">
							<view class="text-black text-bold">MKKKKKKKKK</view>
							<view class="text-gray text-sm flex">
								<view class="text-cut">
									BSC
								</view>
							</view>
						</view>
						
					</view>
				</view>
			</view>
			
			<view class="cu-list grid col-2 no-border card-menu margin-top-lg">
				<view class="cu-item" v-for="(item,index) in cuIconList" :key="index" v-if="index<2*2">
					<view class="text-black text-bold">
						{{item.value}}
					</view>
					<text>{{item.name}}</text>
				</view>
			</view>
			
			<view class="cu-bar">
				<view class="action sub-title">
					<text class="text-xl text-bold text-white">详情介绍</text>
					<text class="bg-white"></text>
					<!-- last-child选择器-->
				</view>
			</view>
			
			<view class="cu-list menu card-menu">
				<view class="cu-item">
					<view class="content">	
						<view class="text-content" style="padding: 10px 0px;font-size: 12px;"> 
							折磨生出苦难，苦难又会加剧折磨，凡间这无穷的循环，将有我来终结！真正的恩典因不完整而美丽，因情感而真诚，因脆弱而自由！
						</view>
					</view>
				</view>
			</view>
			
			
			<view class="cu-bar">
				<view class="action sub-title">
					<text class="text-xl text-bold text-white">官方信息</text>
					<text class="bg-white"></text>
					<!-- last-child选择器-->
				</view>
			</view>
			
			<view class="cu-list menu sm-border card-menu">
				<view class="cu-item">
					<view class="content">
						<text class="text-black">电报：</text>
					</view>
					<view class="action text-lg">
						<text class="text-black margin-right-sm">123456123456</text>
						<text class="text-green cuIcon-copy"></text>
					</view>
				</view>
				
				<view class="cu-item ">
					<view class="content">
						<text class="text-black">QQ：</text>
					</view>
					<view class="action text-lg">
						<text class="text-black margin-right-sm">123456123456</text>
						<text class="text-green cuIcon-copy"></text>
					</view>
				</view>
				
				<view class="cu-item ">
					<view class="content">
						<text class="text-black">推特：</text>
					</view>
					<view class="action text-lg">
						<text class="text-black margin-right-sm">123456123456</text>
						<text class="text-green cuIcon-copy"></text>
					</view>
				</view>
				
				<view class="cu-item ">
					<view class="content">
						<text class="text-black">官网</text>
					</view>
					<view class="action text-lg">
						<text class="text-black margin-right-sm">123456123456</text>
						<text class="text-green cuIcon-copy"></text>
					</view>
				</view>
				
			</view>
		</view>
		<view style="position: fixed;bottom:300px;right:0px;" @click="share()" data-target="Modal7">
			<image src="../../static/q75.png" style="width: 30px;height: 80px;"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cuIconList: [{
					value: '开盘',
					name: '状态'
				}, {
					value: '应用型销毁',
					name: '模式'
				}, {
					value: '2024-2-15 20:00:00',
					name: '上线时间'
				}, {
					value: 'MKCoin项目群',
					name: '资料来源'
				}],
				title:'',
				avatar: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg',
				iStatusBarHeight:0
			}
		},
		onLoad() {
			this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
			this.title = 'MKKKKKK'
		},
		methods: {
			share(){
				console.log(1);
			}
		}
	}
</script>

<style>
	.box{
		min-height: 100Vh;
		width: 100vw;
		background: #FFFFFF;
		background-image: url(../../static/xqbg.png);
		background-repeat: no-repeat;
		background-size:100% 100%;
		-moz-background-size:100% 100%;
	}
	
	.cu-list.menu-avatar>.cu-item:after {
		border-bottom: unset;
	}
</style>
